/* 
    Document   : style
    Created on : 2010-10-8, 23:54:48
    Author     : Miclle
    Description:
        Purpose of the stylesheet follows.
        http://chocotemplates.com/preview/corporate/sugar-coated/index.html
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* { padding:0; margin:0; outline:0; }
body {
	background:#f3f0e4 url(/images/body.jpg);
	font-family: Georgia, serif;
	font-size:13px;
	line-height:22px;
	color:#4a4a4a;
}
input, textarea, select { font-family: Georgia, serif; font-size:11px; }
textarea { overflow:auto; }

a img { border:0; }

.notext { font-size:0; line-height:0; border:0; text-indent: -4000px;}

a { color:#8d2c2d; text-decoration: none; cursor:pointer; }
a:hover { color:#222; }

a.blue{ color:#2d758d; }
a.blue:hover{ color:#222; }

a.img img{ border:solid 1px #c2c0b6;}
a.img:hover img{ border:solid 1px #a2a098;}

.post-image a img,
a.img2 img{ border:solid 1px #dfdfdf; padding:1px; background:#fff;}
.post-image a:hover img,
a.img2:hover img{ border:solid 1px #ccc;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

a.un { text-decoration: underline; }
a.un:hover { text-decoration: none ;}

a.light { color:#737373;}
a.light:hover { color:#222;}

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h1 { font-size:30px; line-height:30px; }
h2 { font-size:25px; line-height:25px; }
h3 { font-size:18px; line-height:18px; }
h4 { font-size:16px; line-height:16px; }
h5 { font-size:14px; line-height:14px; }
h6 { font-size:12px; line-height:12px; }

h1, h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5 { text-transform: uppercase; }

.border { border-top:solid 1px #d0cdc3; border-bottom:solid 1px #d0cdc3; padding:13px 3px; color:#2d758d; margin-bottom:15px; }
.red { color:#8d2c2d;}

h1#logo { font-size:0; line-height:0; width:253px; height:53px; position:absolute; top:33px; left:0; }
h1#logo a{ display:block; height:53px; text-indent: -4000px; background:url(/images/logo.gif); }

.shell { width:980px; margin:0 auto; }

.line { background:url(/images/line.gif) repeat-x 0 0; padding-top:8px; width:100%; }

#header { height:115px; position:relative; z-index:10;}
#slider { height:361px; }

.col { float:left; display:inline; margin-right:40px; }
.col-right { float:right; margin:0; }
.col1 { width:300px; }
.col2 { width:640px; }

.entry { padding-bottom:20px; }
.entry p{ padding-bottom:20px; }
.entry ul,
.entry ol{ padding:0 0 20px 20px; }
.entry h6{ padding-bottom:5px; }

.entry blockquote { font-style: italic; border-left:solid 3px #a66d67; padding-left:10px; display:block; margin-bottom:10px; margin-left:10px;}
.entry table { border-collapse:collapse; margin-bottom:10px; }
.entry th { border:solid 1px #edeade; background:#c78c75; color:#fff; padding:3px 10px; text-align: left; font-weight: normal;}
.entry td { border:solid 1px #edeade; padding:3px 10px; text-align: left; background:#e2e0d7; }
.entry td.ac { text-align: center;}
.entry td a{ color:#646464; text-decoration: underline;}
.entry td a:hover{ color:#8d2c2d; text-decoration: none;}



.list {}
.list ul{ list-style-type: none;}
.list ul li{ padding-bottom:15px; }

.ico { background-repeat:no-repeat; background-position:right 0;}
.ico-flickr { background-image:url(/images/ico-flickr.gif)}
.ico-twitter { background-image:url(/images/ico-twitter.gif)}
.ico-latest { background-image:url(/images/ico-latest.gif)}

#main { padding:0 0 70px 0;}

a.more { text-decoration: underline; background:url(/images/more.gif) no-repeat 0 6px; padding-left:8px; }
a.more:hover { text-decoration: none;}

a.more2 { text-decoration: underline; background:url(/images/buls.gif) no-repeat 0 -68px; padding-left:16px; font-size:11px;}
a.more2:hover { text-decoration: none;}

small { display:block; font-size:11px; font-style: italic;}

#twitts a{ word-wrap: break-word; }
#twitts .tweet_time { display:block; font-size:11px; font-style: italic;}
#twitts .tweet_time a{ color:#4a4a4a; }
#twitts .tweet_time a:hover{ color:#222; }

#navigation { height:36px; float:right; font-size:16px; padding-top:6px;}
#navigation ul{ float:left; display:inline; list-style-type: none;}
#navigation ul li{ float:left; display:inline; margin-left:20px; position:relative; }
#navigation ul li a,
#navigation ul li a span{ float:left; height:36px; background:url(/images/tab.gif) no-repeat 0 -100px; padding:0 0 0 12px;}
#navigation ul li a span{ background-position:right -100px; padding:0 12px 0 0;}

#navigation ul li a { line-height:36px; color:#453e34; text-shadow: #fff 0 0 1px;}

#navigation ul li a.active,
#navigation ul li a:hover { color:#8d2c2d; }

#navigation ul li a.hover,
#navigation ul li a.hover:hover { color:#fff; background-position:0 0; }
#navigation ul li a.hover span{ background-position:right 0; }

#navigation ul li .dd { position:absolute; top:36px; left:0; background:#453e34 url(/images/dd-t.gif) no-repeat 0 0; width:159px; display:none; }
#navigation ul li .dd ul{ float:none; display:block; background:url(/images/dd-b.gif) no-repeat 0 bottom; font-size:12px; padding:5px 0;}
#navigation ul li .dd ul li{ float:none; display:block; margin:0; background:url(/images/dd-border.gif) repeat-x 0 bottom; padding-bottom:1px;}
#navigation ul li .dd ul li.last{ background:transparent;}
#navigation ul li .dd ul li a{ float:none; display:block; padding:0; text-shadow: #a0917c 0 0 0; color:#a0917c; line-height:14px; height:auto;
	padding:3px 22px 4px 12px; width:125px;}
#navigation ul li .dd .dd{ left:159px; top:-5px; }

#navigation ul li .dd ul li a.has-dd { background-image:url(/images/dd-arrow.gif); background-repeat:no-repeat; background-position:96% center;}
#navigation ul li .dd ul li a.has-dd:hover { background-position:96% center;}

#navigation ul li .dd ul li a.hover,
#navigation ul li .dd ul li a:hover { background-color:#5c5549; color:#a0917c; }

#top { float:right; height:28px; padding-top:10px; }
#top .socials{ float:left; font-size:10px; line-height:16px; padding-top:7px;}
#top .socials a{ background-repeat:no-repeat; background-position:0 0; padding-left:20px; color:#825e4e; float:left; height:16px; line-height:16px; margin-right:25px; }
#top .socials a.rss-link{ background-image:url(/images/rss-ico.gif); }
#top .socials a.facebook-link{ background-image:url(/images/facebook-ico.gif); }
#top .socials a.twitter-link{ background-image:url(/images/twitter-ico.gif); }
#top .search { float:left; display:inline;}
#top .search .field{ float:left; width:205px; height:28px; background:url(/images/field-search.gif) no-repeat 0 0; }
#top .search .field input{ border:0; color:#a29f9a; width:191px; background:transparent; padding:7px;}

.submit-search { float:left; cursor:pointer; width:29px; height:28px; background:url(/images/search-button.gif) no-repeat 0 0; }
.submit-search:hover { background-position: 0 bottom; }
.submit-newsletter { cursor:pointer; width:87px; height:38px; background:url(/images/submit-footer.gif); display:block; margin:0 0 0 auto;}

.flikrs { text-align: center; font-size:0; line-height:0; padding-top:5px;}
.flikrs a{ margin:0 3px 7px 3px; display:inline-block; }


#footer { width:100%; background:url(/images/footer.jpg); }
#footer-bg { width:100%; background:url(/images/footer-bg.jpg) repeat-x 0 0;  }
#footer .shell { position:relative; }
#footer h3 { color:#938f86; background:url(/images/footer-border.gif) repeat-x 0 bottom; padding-bottom:6px; }
#footer ul { list-style-type: none; }
#footer ul li{ background:url(/images/footer-border.gif) repeat-x 0 bottom; padding:1px 0 2px 0;}
#footer ul li a{ display:block; color:#726f69; background:url(/images/buls.gif) no-repeat 4px 5px; padding:0 0 1px 20px; width:280px;}
#footer ul li a:hover{ background-color:#48453f; background-position:4px -64px; }

#footer .cols { position:relative; overflow:hidden; }
#footer .cols .col{ padding:30px 0 26px 0; position:relative; }

#footer .toggle { position:absolute; top:-55px; right:-10px; width:86px; height:36px; font-size:0; line-height:0; background:url(/images/toggle-hide.gif) no-repeat 0 0; }

#footer .toggle-show { background-image:url(/images/toggle-show.gif);}

#bottom { height:40px; background:url(/images/bottom.jpg); border-top:solid 1px #4a443c; font-size:11px; line-height:40px; white-space:nowrap; color:#54514f; }
#bottom a{ color:#54514f; }
#bottom a:hover{ color:#827f7c; }
#bottom .left a{ margin-right:16px; }


.subscribe { color:#a29f9a; font-size:11px; line-height:14px; }
.subscribe p { padding-top:10px; }
.subscribe .field { width:300px; height:36px; background:url(/images/field-footer.gif) no-repeat 0 0; display:block; padding-top:2px; }
.subscribe .field input{ border:0; color:#65635e; width:278px; background:transparent; padding:10px;}

#content { }
#sidebar { }
#sidebar .entry{ padding-bottom:0; }
#sidebar .button{ margin-right:30px; }

.team {}
.team ul{ list-style-type: none; }
.team ul li{ float:left; width:203px; margin:0 10px 27px 0; font-size:12px; line-height:14px; display:inline; }
.team-image { float:left; width:75px; padding-right:8px; }
.team-info { float:left; width:120px; padding-top:10px; }
.team-info strong{ display:block; }
.team-info a{ font-size:10px; }


.sidebar-menu { padding-bottom:15px; }
.sidebar-menu ul{ list-style-type: none; line-height:18px;}
.sidebar-menu ul li{ background:url(/images/buls.gif) no-repeat 0 -66px; padding:0 0 10px 16px; }

ul.buls{ list-style-type: none; line-height:18px;}
ul.buls li{ background:url(/images/buls.gif) no-repeat 0 -66px; padding:0 0 5px 16px; }

.button { display:block; text-align: center; background:url(/images/button.gif) repeat-x 0 0; height:47px; border:solid 1px #fff; line-height:46px; color:#e7e4d8; text-transform: uppercase; font-size:18px; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; }

.button:hover { background:#302719; color:#fff;}

.testimonial { font-style: italic;}
.testimonial .from{ font-style: normal; text-align: right; font-size:12px; line-height:17px; }

.accordion{}
.accordion .entry{ padding-top:15px; }
.accordion h3 { cursor:pointer; }
.accordion h3 a{ display:block; background:url(/images/arr-open.gif) no-repeat 98% 4px;}
.accordion h3.ui-state-active a{ background-image:url(/images/arr-close.gif);}

.accordion h3.border { margin-bottom:0; position:relative; margin-top:-1px;}

#content .project{ margin-right:16px; }
#side-full .project{ margin-right:21px; }

.projects{}
.project{ float:left; display:inline; width:294px; border:solid 1px #d7d4c9; background:url(/images/dot.png); font-size:11px; line-height:17px; padding:8px; margin-bottom:16px;}
.project-last{ margin-right:0 !important; }

.project h4 { padding:12px 0 0 0 !important;}
.project h4 a { color:#222;}
.project h4 a:hover { color:#ab2010;}
.project p { padding:9px 0 0 0 !important;}

.portfolio-accordition { position:relative; top:-15px;}

.slider-shadow { position:absolute; top:0; left:-16px; width:1017px; height:408px; background:url(/images/slider-shadow.png); }

.slider { border:solid 1px #cdcbc4; background:#f6f5f0; padding:4px; margin-bottom:30px; position:relative; z-index:1;}

.slider1 { height:349px; }
.slider2 { height:414px; }

.slider1 .slider-shadow { top:-30px;}

.slider-holder { width:970px; height:349px; position:relative; overflow:hidden; z-index:2;}
.slider-holder .jcarousel-clip,
.slider-holder ul{ width:970px; height:349px; position:relative; overflow:hidden; list-style-type: none;}
.slider-holder ul li.slide{ width:935px; height:329px; position:relative; overflow:hidden; float:left; padding:20px 0 0 35px;}

.slider2 li.slide { background:url(/images/slider2-bg.jpg);}
.slider1 li.slide { background:url(/images/slider1-bg.jpg);}

.slider .monitor { float:left; width:302px; height:297px; background:url(/images/monitor.png); font-size:0; line-height:0; padding:17px 0 0 17px; }
.slide-info { float:left; width:560px; padding:17px 0 0 25px; overflow:hidden; }
.slide-info h2{ font-size:34px; line-height:34px; text-transform: none; color:#3e3e3e; text-shadow:#fff 1px 1px 2px; margin-bottom:10px; }
.slide-info p{ padding-bottom:10px; }


.slider-nav { height:58px; position:relative; overflow:hidden; top:5px; z-index:2;}
.slider-nav-holder { height:58px; position:relative; overflow:hidden; width:851px; left:60px;}
.slider-nav-holder .jcarousel-clip,
.slider-nav-holder ul{ height:58px; position:relative; overflow:hidden; width:861px; list-style-type: none;}

.slider-nav-holder ul li{ float:left; height:58px; width:113px; margin-right:10px; position:relative; overflow:hidden; }
.slider-nav-holder ul li a img{ opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }

.slider-nav-holder ul li a:hover img,
.slider-nav-holder ul li a.active img { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }

.slider-nav-direction { font-size:0; line-height:0; }
.slider-nav-direction a{ width:11px; height:15px; position:absolute; top:23px; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px;}
.slider-nav-direction a:hover{ background-position:0 bottom; }

.slider-nav-direction a.prev { background-image:url(/images/prev-small.gif); left:24px; }
.slider-nav-direction a.next { background-image:url(/images/next-small.gif); right:24px; }

.slider-arrows { font-size:0; line-height:0; position:absolute; bottom:20px; right:20px; z-index:3; width:106px; }
.slider-arrows a{ float:left; width:53px; height:42px; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px;}
.slider-arrows a:hover{ background-position:0 bottom; }
.slider-arrows a.prev{ background-image:url(/images/slider1-nav-prev.gif)}
.slider-arrows a.next{ background-image:url(/images/slider1-nav-next.gif)}

.project-detailed {}
.project-detailed-image { width:626px; height:277px; position:relative; overflow:hidden; }
.project-detailed-image .jcarousel-clip,
.project-detailed-image ul{ width:626px; height:277px; position:relative; overflow:hidden; list-style-type: none;	}
.project-detailed-image ul li{ width:626px; height:277px; position:relative; overflow:hidden; float:left; }

.project-images { background:#f6f5f0; border:solid 1px #cdcbc4; padding:6px 0 6px 6px; position:relative; }

.project-thumbs { height:84px; position:relative; overflow:hidden; padding-top:6px;}
.project-thumbs ul{ list-style-type: none; float:left; width:200px; width:626px;}
.project-thumbs ul li{ float:left; display:inline; margin-right:3px;}
.project-thumbs ul li.last{ float:right; margin:0; }

.project-nav { font-size:0; line-height:0; }
.project-nav a{ position:absolute; top:130px; width:44px; height:42px; background-repeat:no-repeat; background-position:0 0; z-index:3;}
.project-nav a:hover{ background-position:0 bottom;}
.project-nav a.prev{ background-image:url(/images/project-prev.gif); left:17px;}
.project-nav a.next{ background-image:url(/images/project-next.gif); right:17px;}

.project-details { padding-top:20px; }
.project-details .more2{ margin-right:10px;}

.hidde-images { display:none;}

.post { margin-bottom:40px; }
.post-single { margin-bottom:0; }
.post .date{ font-size:11px; color:#453e34; }
.post .entry{ padding-top:10px; }

.post-meta { border-top:solid 1px #d0cdc3; border-bottom:solid 1px #d0cdc3; font-size:11px; line-height:18px; padding:10px 0; white-space:nowrap; }

a.comment-it { text-decoration: underline; background:url(/images/comment.gif) no-repeat right 2px; padding-right:14px; margin-right:5px;}
a.comment-it:hover { text-decoration: none; }

.blog-pagging { font-size:11px; text-align: right; color:#b6b2a5; line-height:18px; height:20px; }
.blog-pagging-holder { float:right; }
.blog-pagging a,
.blog-pagging span{ float:left; }
.blog-pagging a{ text-decoration: underline; margin:0 2px;}
.blog-pagging a:hover{ text-decoration: none; }
.blog-pagging span{ margin:0 2px;}
.blog-pagging .blog-pages a{ text-decoration: none; background:#cfccc2; color:#78756c; padding:0 5px;}
.blog-pagging .blog-pages a.active,
.blog-pagging .blog-pages a:hover{ background:#8d2c2d; color:#fff; }

.blog-pagging-bottom { position:relative; margin-top:-25px;}

.blog-sidebar { padding-top:20px; }
.blog-sidebar h2{ border-top:solid 1px #d0cdc3; padding:6px 3px; color:#2d758d; font-size:18px; line-height:18px; }
.blog-sidebar ul { list-style-type: none;}
.blog-sidebar ul li{ margin-bottom:0; }
.blog-sidebar ul ul li{ border-top:solid 1px #d0cdc3; margin-bottom:0; padding:3px 0;}
.blog-sidebar ul ul li a{ color:#6d6d6d; background:url(/images/bul-blog.gif) no-repeat 6px -58px; padding-left:25px; }
.blog-sidebar ul ul li a.active,
.blog-sidebar ul ul li a:hover{ color:#8d2c2d; background-position:6px 3px; }
.blog-sidebar ul ul li a.active{ font-weight: bold; color:#8d2c2d; }

.blog-sidebar div.list-links { padding:0 0 6px 6px;}
.blog-sidebar div.list-links a { background:transparent; padding:0; text-decoration: underline; color:#6d6d6d; }
.blog-sidebar div.list-links a:hover { text-decoration: none; color:#8d2c2d; }

.blog-sidebar .ads { padding:10px 6px 0 6px; border-top:solid 1px #d0cdc3; font-size:0; line-height:0;}

.post-comments { font-size:11px; line-height:17px; padding-top:10px; }
.post-comments ol{ list-style-type: none; padding-top:3px; }
.post-comments ol li{ border-bottom:solid 1px #d0cdc3; padding:5px 0 10px 0; }
.post-comments .comment-image{ float:left; width:68px; padding-top:5px;}
.post-comments .comment-entry{ float:left; width:562px; padding-left:10px; }
.post-comments .comment-entry p{ padding-top:3px; }
.post-comments .comment-meta a{ text-decoration: underline; margin-right:5px;}
.post-comments .comment-meta a:hover{ text-decoration: none;}

.submit-comment { padding-top:12px; }

.comment-form { padding-top:14px; }
.comment-form .field{ display:block; width:316px; height:37px; background:url(/images/field.gif); padding-top:1px; margin-bottom:12px;}
.comment-form .textarea-field{ display:block; width:640px; height:99px; background:url(/images/textarea-field.gif); margin-bottom:12px; }
.comment-form .textarea-field textarea{ width:620px; height:79px; }
.comment-form .field input { width:296px; }
.comment-form .field input,
.comment-form .textarea-field textarea { color:#a4a298; font-size:12px; border:0; background:transparent; padding:9px 10px;}

.submit-button { display:block; width:94px; height:44px; cursor:pointer; background:url(/images/submit-button.png); margin:0 0 0 auto; position:relative; right:-5px;}
.submit-button:hover { background:url(/images/submit-button-h.png)}

.alert { padding:0 0 0 20px; background:url(/images/alert.gif) no-repeat 0 3px; color:#8d2c2d; white-space:nowrap; }

.contact-form { padding-top:20px; width:436px; }
.contact-form .alert{ position:absolute; left:450px; top:8px; display:none; }
.contact-form h5{ padding-bottom:12px;}
.contact-form p{ position:relative; margin-bottom:12px; }
.contact-form .field{ width:436px; height:37px; background:url(/images/contact-field.gif) no-repeat 0 0; display:block;  padding:1px 0 0 0; }
.contact-form .field input{ width:416px; }


.contact-form .textarea-field{ width:436px; height:99px; background:url(/images/contact-textarea-field.gif) no-repeat 0 0; display:block; }
.contact-form .textarea-field textarea { width:416px; height:75px; }
.contact-form .textarea-field textarea,
.contact-form .field input{ color:#a4a298; font-size:12px; border:0; background:transparent; padding:10px; }

.contact-form .field-error .field,
.contact-form .field-error .textarea-field{ background-position:0 bottom; }
.contact-form .field-error .alert { display:block; }

.contact-form .field-error input,
.contact-form .field-error textarea{ color:#8d2c2d; }

.gallery {}
.gallery ul{ list-style-type: none; font-size:0; line-height:0; width:991px; margin-right:-11px; padding:0 !important; }
.gallery ul li{ display:inline; float:left; margin-right:11px; margin-bottom:20px;}

.sitemap ul{ list-style-type: none;}
.sitemap ul li { padding:0 0 4px 0; }
.sitemap ul li li{ padding:0 0 0 16px; }
.sitemap ul li a{ background:url(/images/buls.gif) no-repeat 0 -67px; padding:0 0 0 16px;}
.sitemap ul li li { font-size:11px;}
.sitemap ul li li a{ background:transparent; padding:0; color:#453e34; text-decoration: underline;}
.sitemap ul li li a:hover{ color:#8d2c2d; text-decoration: none;}

#screen { background:#fff; width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; display:none;
	opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}

.abs-holder { font-size:0; line-height:0; width:0; height:0; position:absolute; top:0; left:50%; z-index:101;}
.login { position:absolute; top:200px; left:-192px; width:384px; background:url(/images/login-c.gif) repeat-y 0 0; font-size:12px; line-height:16px; color:#a4a298; display:none; }
.login-t { width:384px; background:url(/images/login-t.gif) no-repeat 0 0;}
.login-b { height:100%; background:url(/images/login-b.gif) no-repeat 0 bottom; padding:10px 16px 12px 13px;}
.login h3 { color:#2d758d; border-bottom:solid 1px #e0ded3; padding-bottom:12px; margin-bottom:12px; }

.login .field { width:356px; height:34px; background:url(/images/login-field.gif); display:block; padding:4px 0 0 0; margin-bottom:12px;}
.login .field input{ color:#a4a298; font-size:12px; border:0; background:transparent;  padding:7px; width:342px;}
.login .alert { padding-top:3px; padding-bottom:2px; display:block; margin-top:6px; position:relative; left:-2px; }

.login-button { float:right; width:94px; height:44px; cursor:pointer; background:url(/images/login-button.gif) no-repeat 0 0; position:relative; right:-5px; z-index:4;}
.login-button:hover { background-position: 0 bottom;}

.msg-thanks { padding:10px; background:#f1efe8; margin-bottom:12px; border-top:solid 1px #d0cdc3; border-bottom:solid 1px #d0cdc3; color:#2d758d;}


.under { text-align: center; padding-top:100px; }
.under h3{ color:#2d758d; font-size:20px; padding-bottom:13px; }
.under h6{ padding-bottom:10px; }
.under h1#logo{ position:static; top:0; margin:0 auto; }
.under-ico { display:block; width:142px; height:223px; background:url(/images/under.png); margin:0 auto; }